/*
  学习目标：事件传值-阻止a标签跳转,同时传值 
*/
import React, { Component } from 'react';

export default class App extends Component {
  handleClick(e, num) {
    e.preventDefault();
    console.log('num  ----->  ', num);
  }

  render() {
    return (
      <div>
        <a
          // 完整写法
          // onClick={() => {
          //   this.handleClick(78);
          // }}

          // 💥口诀: 加个箭头，变成箭头函数
          // 1. 传单个参数
          // onClick={() => this.handleClick(78)}
          href="http://www.baidu.com"
          // 2. 传多个参数的写法
          onClick={(e) => this.handleClick(e, 78)}
        >
          点我
        </a>
      </div>
    );
  }
}
